<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>信息管理</title>
    <style>
        * {
            margin: 0;
            padding: 0
        }

        a {
            text-decoration: none;
        }

        li {
            list-style: none;
        }
    </style>
    <link rel="stylesheet" href="/static/css/index.css">
    <link rel="stylesheet" href="/static/bootstrap/css/bootstrap.css">

</head>

<body>
    <div id="app">
        <el-container>
            <el-aside width="200px" >
                <el-menu :default-openeds="['1', '2']">
                    <el-submenu index="1">
                        <template slot="title"><i class="el-icon-menu"></i>学员信息</template>
                        <el-menu-item-group>
                            <div class="nav-child-list">
                                <li><a href="index"><i class="fa fa-users" aria-hidden="true"></i><el-menu-item index="2-1">已审核</el-menu-item></a></li>
                            </div>
                            <div class="nav-child-list">
                                <li><a href="admincheck"><i class="fa fa-users" aria-hidden="true"></i><el-menu-item index="2-2">未审核</el-menu-item></a></li>
                            </div>
                            <div class="nav-child-list">
                                <li><a href="unsign"><i class="fa fa-users" aria-hidden="true"></i><el-menu-item index="2-3">未签到</el-menu-item></a></li>
                            </div>
                        </el-menu-item-group>
                    </el-submenu>
                    <el-submenu index="2">
                        <template slot="title"><i class="el-icon-setting"></i>管理</template>
                        <el-menu-item-group>
                            <div class="nav-child-list">
                                <li><a href="add"><i class="fa fa-users" aria-hidden="true"></i><el-menu-item index="3-2">添加</el-menu-item></a></li>
                            </div>
                        </el-menu-item-group>
                    </el-submenu>
                </el-menu>
            </el-aside>

            <el-container>
                <el-header style="text-align: right; font-size: 12px">
                    <el-dropdown>
                        <i class="el-icon-setting" style="margin-right: 15px"></i>
                        <el-dropdown-menu slot="dropdown">
{#                            <el-dropdown-item><a href="password">修改密码</a></el-dropdown-item>#}
                            <el-dropdown-item><a href="logout">退出</a></el-dropdown-item>
                        </el-dropdown-menu>
                    </el-dropdown>
                    <span>{{ Count }}</span>
                </el-header>

                <el-main>
                <table class="table table-striped">
                    <thead>
                        <tr>
                          <th>序号</th>
                          <th>姓名</th>
                          <th>年龄</th>
                          <th>手机号</th>
                          <th>微信号</th>
                          <th>身份证号</th>
                          <th>住址</th>
                          <th>是否约考</th>
                          <th>操作</th>
                        </tr>
                      </thead>
                    <tbody>
                    {% for item in items %}
                        <tr>
                          <th scope="row">{{ item.index }}</th>
                          <td>{{ item.name }}</td>
                          <td>{{ item.age }}</td>
                          <td>{{ item.phone }}</td>
                          <td class="weixin">{{ item.weixin }}</td>
                          <td>{{ item.idCard }}</td>
                          <td>{{ item.place }}</td>
                          <td>{{ item.status }}</td>
                          <td>
                              <button class="btn btn-success pass">通过</button>
                              <button class="btn btn-info change">修改</button>
                            <button class="btn btn-danger delete">删除</button>
                          </td>
                        </tr>
                    {% endfor %}
                      </tbody>
                </table>
                </el-main>
            </el-container>
        </el-container>

    </div>
    <script src="/static/jquery/jquery.js"></script>
    <script src="/static/js/actions.js"></script>
    <script src="/static/bootstrap/js/bootstrap.js"></script>
    <script src="/static/js/vue.js"></script>
    <script src="/static/js/index.js"></script>
    <script>
        let vm = new Vue({
            el: '#app',
        })
    </script>
    <style scoped>
        .el-header {
            height: 60px;
            font-size: 20px;
            line-height: 60px;
            color: #333;
            background-color: #b3c0d1;
        }

        .el-container {
            height: 100% ;
        }

        .el-aside {
            height: 100vh;
        }

        .el-menu {
            background: #b3c0d1;;
            height: 100%;
        }
        .el-button+.el-button {
            margin-left: 2px;
        }
    </style>
</body>

</html>